<template>
  <a-card :bordered="false" :style="{ marginTop: '12px',height:'190px' }">
    <span slot="title"> <a-icon type="tags" style="color:#3393FC;margin-right:5px" theme="filled"/>友情链接</span>
    <a-row type="flex" justify="space-around" align="middle">
      <a-col :span="4"> <a-button size="large" @click="toWWW('http://www.jeecg.com')">官网</a-button></a-col>
      <a-col :span="4"> <a-button size="large" @click="toWWW('http://bbs.jeecg.com')">BBS</a-button></a-col>
      <a-col :span="4"> <a-button size="large" @click="toWWW('http://doc.jeecg.com')">文档</a-button></a-col>
    </a-row>
    <a-row type="flex" justify="space-around" align="middle" :style="{ marginTop: '10px'}">
      <a-col :span="4"> <a-button size="large">系统1</a-button></a-col>
      <a-col :span="4"> <a-button size="large">系统2</a-button></a-col>
      <a-col :span="4"> <a-button size="large">系统3</a-button></a-col>
    </a-row>
  </a-card>
</template>

<script>
  export default {
    name: 'EoaCmsLink',
    methods: {
      toWWW(url){
        window.open(url,'top');
      },
    }
  }
</script>

<style scoped>

</style>